<template>
  <div class="home">
    <MockView />
  </div>
</template>

<script lang="ts">
export default {
  name: 'Home',
}
</script>
<script lang="ts" setup>

import MockView from './components/MockView.vue'
// 引入可视化数据的仓库
import { useDataStore } from '@/stores/reportData';
// 引入组件的钩子
import { onMounted } from 'vue';
// 获取数据可视化的仓库对象
const dataStore = useDataStore()
// 页面加载后调用接口,发送异步请求,获取数据
onMounted(() => dataStore.getData())
</script>

<style scoped>
  .home {
    width: 100%;
    padding: 20px;
    /* background: #eee; */
  }
</style>